﻿{extend name="public:base" /}

{block name="css"}
<link href="/static/laydate/theme/default/laydate.css">
{/block}

{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <a href="#" class="btn btn-primary btn-lg">新增</a>

                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="iconfont icon-chevron_up"></i>
                        </a>
                    </div>
                </div>

                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2 m-b-sm">
                            <div class="input-group">
                                <select class="form-control form-control-lg">
                                    <option value="0">选项 1</option>
                                    <option value="1">选项 2</option>
                                    <option value="2">选项 3</option>
                                    <option value="3">选项 4</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2 m-b-sm">
                            <div class="input-group">
                                <input placeholder="请输入搜索内容" type="text" class="form-control form-control-lg">
                            </div>
                        </div>
                        <div class="col-sm-2 m-b-sm">
                            <div class="input-group">
                                <input placeholder="请选择日期" type="text" class="form-control form-control-lg screen-date" readonly>
                            </div>
                        </div>
                        <div class="col-sm-4 m-b-sm">
                            <div class="input-group">
                                <button type="button" class="btn btn-primary btn-lg screen-btn">搜索</button>
                                <button type="button" class="btn btn-primary btn-lg excel-btn">导出</button>
                                <button type="button" class="btn btn-primary btn-lg all-delete-btn" data-param="{:thinkEncrypt('test')}">一键删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tr>
                                <th><input type="checkbox" class="check-all">ID</th>
                                <th>项目</th>
                                <th>完成度</th>
                                <th>任务</th>
                                <th>数据</th>
                                <th>操作</th>
                            </tr>
                            <tr>
                                <td><input type="checkbox" value="1" class="check-single">1</td>
                                <td>乐高玩具<small>例子</small></td>
                                <td><span class="pie">0.52/1.561</span></td>
                                <td>20%</td>
                                <td>2017年12月12日</td>
                                <td class="project-actions">
                                    <a href="#" class="btn btn-white btn-sm">
                                        <i class="iconfont icon-edit"></i> 编辑
                                    </a>
                                    <a href="#" class="btn btn-white btn-sm ajax-del">
                                        <i class="iconfont icon-trash"></i> 删除
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" value="2" class="check-single">2</td>
                                <td>乐高玩具</td>
                                <td><span class="pie">6,9</span></td>
                                <td>40%</td>
                                <td>2017年12月12日</td>
                                <td class="project-actions">
                                    <a href="#" class="btn btn-white btn-sm">
                                        <i class="iconfont icon-edit"></i> 编辑
                                    </a>
                                    <a href="#" class="btn btn-white btn-sm ajax-del">
                                        <i class="iconfont icon-trash"></i> 删除
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" value="3" class="check-single">3</td>
                                <td>乐高玩具</td>
                                <td><span class="pie">3,1</span></td>
                                <td>75%</td>
                                <td>2017年12月12日</td>
                                <td class="project-actions">
                                    <a href="#" class="btn btn-white btn-sm">
                                        <i class="iconfont icon-edit"></i> 编辑
                                    </a>
                                    <a href="#" class="btn btn-white btn-sm ajax-del">
                                        <i class="iconfont icon-trash"></i> 删除
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" value="4" class="check-single">4</td>
                                <td>乐高玩具</td>
                                <td><span class="pie">4,9</span></td>
                                <td>18%</td>
                                <td>2017年12月12332日</td>
                                <td>
                                    <a href="#" class="btn btn-white btn-sm"><i class="iconfont icon-edit"></i> 编辑 </a>
                                    <a href="#" class="btn btn-white btn-sm ajax-del"><i class="iconfont icon-trash"></i> 删除 </a>
                                </td>
                            </tr>
                        </table>
                        {if !empty($list)}{$list->render()}{/if}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



{/block}

{block name='js'}
<script src="/static/laydate/laydate.js"></script>
<script>
    laydate.render({
        elem: '.screen-date' //指定元素
    });
</script>
{/block}
